<template>
   <div class="lineContainerv1">
    <el-table
      :data="tableData">
         <el-table-column prop="img" label="教师头像">
   <template v-slot="scope">
      <img :src="scope.row.img" alt="" width="50" height="50">
   </template>
</el-table-column>

      <el-table-column
        prop="name"
        label="教师姓名">
         
      </el-table-column>
      <el-table-column
        prop="tel"
        label="简介">
      </el-table-column>
      <el-table-column
        prop="consum"
        label="上传人" >
      </el-table-column>
     
    
    </el-table>
  </div>
</template>

<script>
export default {
 data() {
        return {
          tableData: [{
            img:require('../../image/main-jiaoshi.png'),
            name: 'JASON',
            tel: '英语外教',
            consum:'Daisy',
          }, {
           img:require('../../image/main-jiaoshi.png'),
               name: 'JASON',
           tel: '英语外教',
             consum:'Daisy',
           
          },
          {
           img:require('../../image/main-jiaoshi.png'),
              name: 'JASON',
            tel: '英语外教',
             consum:'Daisy',
           
          },
          {
           img:require('../../image/main-jiaoshi.png'),
          name: 'JASON',
           tel: '英语外教',
            consum:'Daisy',
           
          },
          {
           img:require('../../image/main-jiaoshi.png'),
              name: 'JASON',
            tel: '英语外教',
            consum:'Daisy',
           
          }]
        }
      }
}
</script>
<style lang='less' scoped>

/deep/.el-table{
    width: 500px;
    background: #fff;
    margin-top:20px;
    margin-left: 10px;
   margin-bottom: 20px;
}
/deep/.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf {
    border-bottom:0}
    /deep/.el-table thead{color: #000;font-size: 16px;}
</style>